<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link href="assets/css/codemirror.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/ace.min.css"/>
    <link rel="stylesheet" href="font/css/font-awesome.min.css"/>
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="assets/css/ace-ie.min.css"/>
    <![endif]-->
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/typeahead-bs2.min.js"></script>
    <script src="assets/js/jquery.dataTables.min.js"></script>
    <script src="assets/js/jquery.dataTables.bootstrap.js"></script>
    <script src="assets/layer/layer.js" type="text/javascript"></script>
    <script src="assets/laydate/laydate.js" type="text/javascript"></script>
    <script src="js/lrtk.js" type="text/javascript"></script>
    <title>个人账户</title>
</head>

<body>
<div class="margin clearfix">
    <div class="cover_style" id="cover_style">
        <!--账户管理-->
        <div class="">
            <table class="table table-striped table-bordered table-hover" id="sample-table">
                <thead>
                <tr>
                    <th width="">
                        <label><input type="checkbox" class="ace"><span class="lbl"></span></label>
                    </th>
                    <th width="">名称</th>
                    <th width="">说明</th>
                    <th width="">状态</th>
                    <th width="">注册时间</th>
                    <th width="">缴费时间</th>
                    <th width="">是否注册</th>
                    <th width="">是否缴费</th>
                    <th width="">报名统计</th>
                    <th width="">缴费统计</th>
                    <th width="">操作</th>
                </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
                        <td>2017年秋招</td>
                        <td>2017年秋季人力资源招收，每次招收60人</td>
                        <td><span class="label label-warning radius">已截止</span></td>
                        <td>2017-08-11至2017-09-02</td>
                        <td>2017-08-11至2017-09-05</td>
                        <td><span class="label label-warning radius">未注册</span></td>
                        <td><span class="label label-warning radius">未缴费</span></td>
                        <td>60/60</td>
                        <td>60/60</td>
                        <td class="td-manage">
                            <a href="javascript:void(0);" onClick="bao_ming(1)" title="报名"
                               class="btn btn-xs btn-success"><i class="fa fa-th bigger-120"></i></a>
                            <a href="javascript:void(0)" class="btn btn-xs  btn-warning"
                               onclick="generateOrders('511');" ><i class="fa fa-list-ul bigger-120"></i></a>
                        </td>
                    </tr>
                    <tr>
                        <td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
                        <td>2018年秋招</td>
                        <td>2018年秋季人力资源招收，每次招收60人</td>
                        <td><span class="label label-success radius">进行中</span></td>
                        <td>2018-08-11至2018-09-02</td>
                        <td>2018-08-11至2018-09-05</td>
                        <td><span class="label label-success radius">已注册</span></td>
                        <td><span class="label label-warning radius">未缴费</span></td>
                        <td>26/60</td>
                        <td>21/26</td>
                        <td class="td-manage">
                            <a href="javascript:void(0);" onClick="bao_ming(1)" title="报名"
                               class="btn btn-xs btn-success"><i class="fa fa-th bigger-120"></i></a>
                            <a href="javascript:void(0)" class="btn btn-xs  btn-warning"
                               onclick="generateOrders('511');" ><i class="fa fa-list-ul bigger-120"></i></a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

    </div>
</div>
</body>
</html>
<script type="text/javascript">

    //分页
    jQuery(function ($) {
        var oTable1 = $('#sample-table').dataTable({
            "aaSorting": [[1, "desc"]],//默认第几个排序
            "bStateSave": true,//状态保存
            "bAutoWidth": true,
            "aoColumnDefs": [
                //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                {"orderable": false, "aTargets": [0, 2, 3, 4, 6, 7, 8, 9]}// 制定列不参与排序
            ]
        });
        $('table th input:checkbox').on('click', function () {
            var that = this;
            $(this).closest('table').find('tr > td:first-child input:checkbox')
                .each(function () {
                    this.checked = that.checked;
                    $(this).closest('tr').toggleClass('selected');
                });

        });
    });
    function generateOrders(id) {
        alert("进入详情");
    };
    function bao_ming(id){
        alert("进入报名");
    }
</script>